/* CSS Document */
body,html{ height:100%;}

.index-table{ width:100%; height:100%; margin:0 auto;  }
 .w200{ width:200px;}
 .h60{ height:60px;}
.index-table tr td{ height:100%; }
.index-table tr td div{ width:100%; height:100%;}
.bg-color1{ background: url(../image/home/sidebar-bg.jpg) repeat-y;}
.bg-color2{ background: url(../image/home/header-bg.jpg) repeat-x;}
.bg-color3{ background: url(../image/home/form-bg.jpg);}
.header{ width:100%; box-shadow:0px 2px 4px rgba(0,0,0,0.5); top:0; z-index:1; height:60px;position: relative;right:0;left:0;z-index:1030; }
.siderbar{ width:200px; height:auto; position: relative; top:0; left:0;box-shadow:2px 1px 1px rgba(0,0,0,0.5);-webkit-transition: all 0.6s ease-in-out 0.2s;
	-o-transition: all 0.6s ease-in-out 0.2s;
	-moz-transition: all 0.6s ease-in-out 0.2s;
	transition: all 0.6s ease-in-out 0.2s;}




/**top*/
.index-table .logo{ width:200px; height:60px;  position: relative; background: url(../image/home/sidebar-bg.jpg) repeat-y; z-index:999;
 -webkit-transition: all 0.6s ease-in-out 0s;
	-o-transition: all 0.6s ease-in-out 0s;
	-moz-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;}
.index-table .logo div{ width:200px; height:85px; position:absolute;z-index:99;background: url(../image/home/logo-bg.png) no-repeat; font:24px Arial; color:#d4f2e8; text-align:center; line-height:60px;-webkit-transition: all 0.6s ease-in-out 0.2s;
	-o-transition: all 0.6s ease-in-out 0.2s;
	-moz-transition: all 0.6s ease-in-out 0.2s;
	transition: all 0.6s ease-in-out 0.2s;}

.header form .search-box{ width:312px; height:28px; display:inline-block; border:0; border-radius:14px; position:absolute; top:16px; left:44px; background:#5b676e; text-indent:1em; font:14px "微软雅黑"; color:#424b50; box-shadow:0 0 2px rgba(57,62,69,0.8) inset;}
.header form .search-box-bg{ background:#d4f2e8;}

.header form .search-btn{ width:23px;  height:23px; display:inline-block; border:0; background:url(../image/home/search-btn.png) no-repeat; position:absolute; top:18.5px; left:312px; cursor:pointer;}
.header .user{ width: auto; height:60px; position:absolute; right:74px; display:none;}
.header #userbox-2{ }

.header .user span{ display:inline-block; font-size:14px; color:#d4f2e8; line-height:60px; float:right; text-shadow:1px 1px 5px #33383e; margin-left:20px; box-shadow:0px 0px 4px #373f47;}
.header .user .user-icon{ display:inline-block; width:46px; height:46px; border-radius:23px; background:#CCC; overflow:hidden; float:right; margin-top:7px;}
.header .user .user-icon img{ width:46px; height:46px;}
.header .user a{ display:inline-block; float:right; width:26px; height:26px; margin-top:17px; margin-right:20px;}
.header .user .tip{ background:url(../image/home/xiaoxi.png) no-repeat; float:right; font:14px Arial; color:#177cb0; text-align: center; line-height:26px;}
.header .user .exit{ background:url(../image/home/exit.png) no-repeat; float:right;}

/***侧边导航栏***/
.siderbar .siderbar-nav{ width:200px; height:auto; margin-top:46px; float:left; display:none;  }
.siderbar .siderbar-nav li{ width:200px; height: auto; display:block; }
.siderbar .siderbar-nav li a{ width:215px; height:40px;  display:block; font:16px "微软雅黑"; color:#b4cdc7; line-height:40px; }

.siderbar .siderbar-nav li a em{ text-indent:20px; display:inline-block; text-shadow:1px 1px 5px #33383e;}
.siderbar .siderbar-nav li .a-click{ background:url(../image/home/nav-bg.png) no-repeat; box-shadow:-15px 0 3px rgba(0,0,0,0.8); }
.siderbar .siderbar-nav li i{ display:inline-block; width:28px; height:28px;  float:left; margin-top:6px; margin-left:24px; overflow:hidden; cursor:pointer;}
.siderbar .siderbar-nav li a .shouye{ background:url(../image/home/shouye.png) no-repeat;}
.siderbar .siderbar-nav li a .gongg{ background:url(../image/home/gongg.png) no-repeat;}
.siderbar .siderbar-nav li a .renshi{ background:url(../image/home/renshi.png) no-repeat;}
.siderbar .siderbar-nav li a .bangyp{ background:url(../image/home/bangyp.png) no-repeat;}
.siderbar .siderbar-nav li a .guanli{ background:url(../image/home/guanli.png) no-repeat;}

.siderbar .siderbar-nav li a span{ display:inline-block; background:url(../image/home/list-down.png) center center no-repeat; width:13px; height:9px; margin-left:4px;}
.siderbar .siderbar-nav li a .list-up{ background:url(../image/home/list-up.png) no-repeat;}
.siderbar .siderbar-nav li div{ display:none; padding-top:20px; width:209px;  }
.siderbar .siderbar-nav li div ol { width:200px; height:auto; margin-bottom:20px; }

.siderbar .siderbar-nav li div ol li{ width:140px; margin-left:62px; height:24px; }
.siderbar .siderbar-nav li div ol li a{ width:147px; height:24px;  font-size:14px; color:#b4cdc7; text-align: left; text-indent:30px;  line-height:24px; z-index:999; text-shadow:1px 1px 5px #33383e;}
.siderbar .siderbar-nav li div ol li .a-clickson{ background:url(../image/home/nav-son-bg.png) 0 center no-repeat; color:#3c434c;text-shadow: none;}




/*****登录弹窗****/
.header .user .login{ width:108px; height:28px; background: url(../image/home/login-bg.png) center center no-repeat; border-radius:14px; overflow:hidden; margin-top:16px; line-height:28px; text-align:center; cursor:pointer;}


.iframe-box .login-pup{ width: 360px; height:250px; border-radius:8px; background:rgba(66,75,80,0.9); position:absolute; z-index:99; top:50%; margin-top:-125px; left:50%; margin-left:-180px; display:none; box-shadow:0 0 3px rgba(0,0,0,0.4);}
.iframe-box .login-pup .cloes-btn{ display:block; width:28px; height:28px; border:2px solid #dbfbf0; background:#7392a1 url(../image/home/cloes-btn.png) no-repeat center center; border-radius:16px; float:right; margin-top:10px; margin-right:10px; box-shadow:0 1px 2px rgba(0,0,0,0.8);}
.iframe-box .login-pup form div{ width:100%; height:28px; float:left;  margin-top:30px;}
.iframe-box .login-pup form div span{ display:inline-block; height:24px; width:64px; border:2px solid #dbfbf0;background:#7392a1 ; border-radius:14px; text-align:center; line-height:24px; font-size:18px; color:#d4f2e8; margin-left:36px; float:left;}
.iframe-box .login-pup form div .text-box{ display: inline-block; height:28px; width:190px; border-radius:4px; border:0; float:left; margin-left:20px; font:16px Arial; color:#434e53; text-indent:5px; box-shadow:0 0 1px 1px rgba(0,0,0,0.4) inset;}
.iframe-box .login-pup form div .login-btn{ margin-left:124px; display:inline-block; width: 190px; height:30px; background:url(../image/home/login-btn.jpg) repeat-x; border:0; border-radius:15px; font:18px "微软雅黑"; color:#d4f2e8; box-shadow:0 1px 2px rgba(0,0,0,0.8);}
/**子页面框架***/
.iframe-box iframe{ display:block; position:absolute; border-radius:8px; 	background:#c7e4db; overflow:hidden; top:3%; left:1.5%; }
 

#logo-top,#left{	-webkit-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;}
.siderbar .left-pup-btn{
	-webkit-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
	 width:20px; display:block; height:200px; background: url(../image/home/sidebar-bg.jpg)no-repeat; border-radius:0 6px 6px 0; overflow:hidden; box-shadow:2px 0 2px rgba(255,255,255,0.4); position:absolute; top:50%; margin-top:-100px
	;
	font-size:26px; color:#c7e3db; text-align:center; line-height:200px;
	text-shadow:1px 2px 4px #333;
	 
	}	
	

@media (min-width:0px){
#logo-top,#left{ width:0}
#logo-top .logo{ width:0;}
#logo-top .logo div{ margin-left:-200px;}


#left .siderbar{ margin-left:-200px;}
.iframe-box .left-btn{ display:block;}

.siderbar:hover{ left:200px;}

.siderbar .left-pup-btn{ left:200px; }
	}
@media (min-width:1200px){
#logo-top,#left{ width:200px;}
#logo-top .logo{ width:200px;}
#logo-top .logo div{ margin-left:0px; }	
#left .siderbar { margin-left:0; }
.iframe-box .left-btn{display:none;}
.siderbar:hover{ left:0px;}
.siderbar .left-pup-btn{ left:-200px; }
	}	